<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</body>
<script src="./jquery-3.6.3.js"></script>
<script>
    /**
     *  $("li")有三个元素 each中匿名回调函数会执行三次
     *  匿名回调函数有两个形参 第一个代表元素索引 第二个是元素本身
     *  elem形参中存放的是原生js的DOM对象 需要使用$()进行转化为jQuery能操作的东西(jQuery的DOM对象)
    */
    $("li").each(function (idx,elem) {
        console.log(idx,elem);
        $(elem).html("修改后的内容"+idx)
    })
</script>
</html>